layui.config({
    base: "/layui/"
}).extend({
    index: 'lib/index'
}).use(['index', 'form', 'jquery', 'table', 'laydate'], function () {

    let  nowDay = new Date().getNowDay();

    $("#startTime").val(nowDay);

    let laydate = layui.laydate;

    laydate.render({
        elem: '#startTime' //指定元素
        ,trigger:'click'
    });

    $(".search_btn").click(function () {

        analysis();
    });
    analysis();


});

function analysis() {
    /**
     * 7日交易统计
     */
    days7OrderCount();
    /**
     * 优惠券统计
     */
    cpn_count();

    store_count();

    device_count();
};

/**
 * 7日交易量统计
 */
function days7OrderCount() {

    let  startTime = $("#startTime").val();

    $.post("/analysis/days7orders",{startTime:startTime},function (result) {


        var myChart = echarts.init(document.getElementById('main'));

        // 指定图表的配置项和数据
        var option = {
            title: {
                text: '前7日交易走势'
            },
            tooltip: {
                show:true,
                formatter: '{b0}交易总额{c0}元'
            },
            legend: {
                data:['交易额']
            },
            xAxis: {
                type:"category",
                data: result.data.xlist
            },
            yAxis: {
                type: 'value',
                axisLabel:{
                    show:true,
                    formatter: '{value}元'
                }
            },
            series: [{
                name: '交易额',
                type: 'line',
                smooth: true,
                itemStyle: {
                    normal: {
                        label: {
                            show: true, //开启显示
                            position: 'top', //在上方显示
                            formatter: '{c0}元',
                            textStyle: { //数值样式
                                color: 'red',
                                fontSize: 13
                            }
                        }
                    }
                },
                data: result.data.ylist
            }]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);

    });



};

/**
 *
 */
function cpn_count() {
    /**
     * 优惠券统计
     */
    var myChart = echarts.init(document.getElementById('cpn_pie'));
    var option_pie = {
        title: {
            text: '优惠券统计',
            subtext: '总数1000张',
            left: 'center'
        },
        tooltip: {
            trigger: 'item',
            formatter: '{a} <br/>{b} : {c} ({d}%)'
        },
        legend: {
            orient: 'vertical',
            left: 'left',
            data: ['未领取', '已核销', '未核销']
        },
        series: [
            {
                name: '优惠券统计',
                type: 'pie',
                radius: '55%',
                center: ['50%', '60%'],
                data: [
                    {value: 335, name: '未领取'},
                    {value: 310, name: '已核销'},
                    {value: 234, name: '未核销'}
                ],
                emphasis: {
                    itemStyle: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };
    myChart.setOption(option_pie);
};

/**
 * 门店交易统计
 */
function store_count() {

    var myChart = echarts.init(document.getElementById('store_bar'));

    // 指定图表的配置项和数据
    var option = {
        title: {
            text: '门店交易统计'
        },
        tooltip: {
            show: true,
            formatter: '{b0}交易总额{c0}元'
        },
        legend: {
            data: ['交易额']
        },
        xAxis: {
            type: "category",
            data: ["02/12", "02/13", "02/14", "02/15", "02/16", "02/17"]
        },
        yAxis: {
            type: 'value',
            axisLabel: {
                show: true,
                formatter: '{value}元'
            }
        },
        series: [{
            name: '交易额',
            type: 'bar',
            smooth: true,
            itemStyle: {
                normal: {
                    label: {
                        show: true, //开启显示
                        position: 'top', //在上方显示
                        formatter: '{c0}元',
                        textStyle: { //数值样式
                            color: 'red',
                            fontSize: 13
                        }
                    }
                }
            },
            data: [5000.5, 490000.7, 36, 10, 10, 20]
        }]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
};



/**
 * 设备交易统计
 */
function device_count() {
    var myChart = echarts.init(document.getElementById('device_bar'));

    // 指定图表的配置项和数据
    var option = {
        title: {
            text: '7日交易走势'
        },
        tooltip: {
            show: true,
            formatter: '{b0}交易总额{c0}元'
        },
        legend: {
            data: ['交易额']
        },
        xAxis: {
            type: "category",
            data: ["02/12", "02/13", "02/14", "02/15", "02/16", "02/17"]
        },
        yAxis: {
            type: 'value',
            axisLabel: {
                show: true,
                formatter: '{value}元'
            }
        },
        series: [{
            name: '交易额',
            type: 'bar',
            smooth: true,
            itemStyle: {
                normal: {
                    label: {
                        show: true, //开启显示
                        position: 'top', //在上方显示
                        formatter: '{c0}元',
                        textStyle: { //数值样式
                            color: 'red',
                            fontSize: 13
                        }
                    }
                }
            },
            data: [5000.5, 490000.7, 36, 10, 10, 20]
        }]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
};



